// 横向
.flex {
  display: flex;
}
.flexC {
  display: flex;
  align-items: center;
}
.flexCC {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexCW {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.flexCA {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flexCB {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

// 纵向
.flexV {
  display: flex;
  flex-direction: column;
}
.flexVC {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flexVCC {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-auto {
  flex: 1;
}
